body {
  min-width: 320px;
  max-width: 750px;
  width: 20rem;
  margin: 0 auto;
  font-family: -apple-system,Helvetica,sans-serif;
}
ul{
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #707070;
}
li{
  list-style: none;
}
// 约束当屏幕大于 750px 的时候，html字体大小就不不变化了
@media screen and (min-width: 750px) {
  html {
    font-size: 37.5px !important;
  }
}

.fax-container {
  padding: 0 1.6rem;
  background: url(../img/bg2.jpg) no-repeat;
  padding-bottom: 4.9333rem;
  background-size: 20rem auto;
  .login img{
    width: 3.2rem;
    margin-top: 2.3467rem;
  }
  .font-img img{
    width: 9.3333rem;
    margin-top: 2.1867rem;
  }
  .img-titles{
    display: flex;
    margin-left: .32rem;
    span{
      &:nth-child(-n+2){
        &:after{
          content: '';
          width: .1067rem;
          height: 1.2rem;
          position: absolute;
          right: -0.6333rem;
          top: 50%;
          background: #fff;
          transform: translateY(-50%);
        }
      }
      &:first-child{
        margin-left: 0;
      }
      font-size: 1.0269rem;
      color: #fffffe;
      margin-top: .5067rem;
      position: relative;
      margin-left: 1.0667rem;
      text-shadow: 3px 3px 3px rgba(0,0,0,.6);
    }
  }
  .text-container{
    width: 11.6667rem;
    margin-left: .4rem;
    margin-top: 3.4667rem;
    p{
      font-size: .5333rem;
      color: #fffffe;
      line-height: 1.1467rem;
      letter-spacing: .0267rem;
      text-align: justify;
    }
  }
  .listcon1{
    margin-top: 5.6rem;
  }
  .listcon2{
    margin-top: 2.3467rem;
  }
  .list-container1{
    width: 16.88rem;
    .list-title{
    background: url(../img/xzbg.png) no-repeat;
    height: 3.6267rem;
    background-size: 16.88rem auto;
      display: flex;
      justify-content: center;
      align-items: center;
      h2{
        font-size: 1.12rem;
        color: #01060c;
      }
    }
    .list-texts{
      margin-top: 20px;
      background: url(../img/gezibg.png) no-repeat rgba(0,0,0,.4);
      // opacity: .5;
      background-size: 16.88rem auto;
      box-sizing: content-box;
      padding: .64rem .6133rem 1.2rem .8533rem;
      p{
        font-size: .5333rem;
        color: #fffffe;
        line-height: 1.12rem;
        opacity: .9;
        text-align: justify;
        letter-spacing: .0267rem;
      }
    }
  }
  .list-texts2{
    margin-top: .4267rem;
    .martb{
      opacity: .9;
      padding: .3rem .6933rem !important;
      background: url(../img/gezi3.png) no-repeat rgba(0,0,0,.6) !important;
      background-size: 16.88rem auto !important;
    }
    .ulbg{
      margin: 2px 2px 8px 2px;
      background: url(../img/gezi3.png) no-repeat rgba(0,0,0,.4);
      background-size: 16.88rem auto;
      padding: .8rem .6933rem;
      .list2titel2{
        margin-top: 1.1733rem;
        margin-bottom: .6933rem;
        i {
          background: url(../img/fxjg.png) no-repeat;
          background-size: 1.7867rem auto;
        }
      }
      .inputflex{
        display: flex;
      }
      .inputbg{
        background:rgba(255,199,174,.75);
      }
      .inputcon{
        display: flex;
        height: 2.48rem;
        line-height: 2.48rem;
        margin-top: .5333rem;
        label{
          // width: 4.9867rem;
          font-size: .5333rem;
          color: #020304;
          padding-left: .9067rem;
          font-weight: bold;
        }
        input{
          width:100%;
          flex: 1;
          outline: none;
          border: none;
          background: none;
          padding-right: .5333rem;
        }
        button{
          width: 3.92rem;
          background: #d9773c;
          border: none;
          color: #020304;
          font-size: .72rem;
          letter-spacing: .1067rem;
          font-weight: bold;
          margin-left: .1867rem;
        }
        .btn2{
          background: #efad85;
        }
      }
    }
    border: .0533rem solid #ffc7ae;
    .list2titel{
      display: flex;
      align-items: center;
      margin-top: .4rem;
      i {
        display: block;
        width: 1.7867rem;
        height: 1.8133rem;
        background: url(../img/userpng.png) no-repeat;
        background-size: 1.7867rem auto;
      }
      span{
        margin-left: .4267rem;
        font-size: .8rem;
        color: #aec5ff;
      }
    }
  }
  .ybpContaienr{
    li{
      display: flex;
      margin-top: .7rem;
      justify-content: space-around;
      &:first-child{
        margin-top: .6rem;
      }
      &:last-child{
        margin-bottom: .5rem;
      }
      div{
        flex: 1;
        position: relative;
        display: flex;
        align-items: center;
        &:first-child{
          margin-left: .56rem;
        }
        &:last-child{
         margin-left: .8rem;
        }
        &::after{
          content: '';
          position: absolute;
          width: .2667rem;
          height: .2667rem;
          border-radius: 50%;
          background-color: #fff;
          top: 50%;
          transform: translateY(-50%);
          left: -13px;
        }
      }
    }
    span{
      color: #fff;
      font-size: .5333rem;
    }
    i{
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-style: normal;
      font-size: .8rem;
      color: #fff;
    }
  }
  .newflex{
    justify-content: space-between;
  }
  .mybtns{
    justify-content: space-between;
    margin-top: 1.3333rem;
 
      button{
        border: none;
        width: 5.0933rem;
        height: 2.48rem;
        line-height: 2.48rem;
        letter-spacing: .0533rem;
        font-weight: bold;
        margin-left: .2667rem;
        font-size: .64rem;
        &:nth-child(1){
          background-color: #d9773c;
          margin-left: 0;
        }
        &:nth-child(2){
         background-color: #efad85; 
        }
        &:nth-child(3){
          background-color: #fed17b;
        }
      }
  }
}